@charset "utf-8";
/** 设置默认字体 **/
html {
	font-family: PingFangSC-Regular,Helvetica,"Droid Sans",'Microsoft YaHei','SimHei',Arial,sans-serif;
	font-size: 16px;
	color: #323232;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}


/* structural elements 结构元素 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,div, p,
	/* list elements 列表元素 */
dl, dt, dd, ul, ol, li,
	/* text formatting elements 文本格式元素 */
pre,
	/* form elements 表单元素 */
form, fieldset, legend, button, input, textarea,
	/* table elements 表格元素 */
th, td,
	/* img elements 图片元素 */
img { border: 0; margin: 0; padding: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

html,body { position: relative; _max-width: 900PX; margin:0 auto; height: 100%; }

img { width: 100%;}

em, i { font-style: normal; }

/** 重置列表元素 **/
ul, ol { list-style: none; }

a {
	color: #323232;
	text-decoration: none;
	display: block;
	/* 移除移动端点击背景和边框 */
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0.2);
}
/*
a:visited {  }
a:hover { }
*/
a:focus { outline: none;  }
a:hover, a:active { outline: 0; }

article, aside, details, figcaption, figure, footer, header, nav, section { display: block;  margin: 0; padding: 0; border: 0;}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

button, input, select, textarea {
	margin: 0;
	vertical-align: baseline; *vertical-align: middle;
	font-family: PingFangSC-Regular,Helvetica,"Droid Sans",'Microsoft YaHei','SimHei',Arial,sans-serif;
}

/* 隐藏滚动条样式 */
*::-webkit-scrollbar { width: 0;}
u, ins { text-decoration: none }

/*清除浮动设置*/
.clearfix:before,
.clearfix:after { content:"."; display:block; height:0; visibility:hidden;}
.clearfix:after { clear:both;}
.clearfix { zoom:1;} /*IE<8*/

/*****   公共样式  ******/
/*浮动公用样式*/
.fl {float:left;}
.fr {float:right;}

/*文字超出框显示省略号*/
.Omit {white-space:nowrap;text-overflow:ellipsis;}

.hide {display: none}

.Height100 {
	height: 100%;
	overflow: hidden;
}


/* 定位 */
.FixDom {position: fixed;}
.RelDom {position: relative;}
.AbsDom {position: absolute;}


/* 阴影 */
.shadow,
.shadowNoBg {position: fixed; background: rgba(0,0,0,.5) repeat;  height: 100%; width: 100%; max-width: 900PX; z-index: 110; left: 50%; top: 0; bottom: 0; right: 0;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.shadowNoBg {background: none;}

/* 底部线条 */
.border_bot {border-bottom: 1PX solid #F6F6F6;}
.border_bot_null {border-bottom: 0;}
.border_top {border-top: 1PX solid #F6F6F6;}
.border_top_null {border-top: 0;}
.border_updown {border-top: 1PX solid #F6F6F6; border-bottom: 1PX solid #F6F6F6;}
.border_updown_null {border-top: 0; border-bottom: 0;}


/*三角箭头*/
.arr_down { width: 0; height: 0; border-width: 5PX; border-style: solid; border-top-color: #b1b6bb; border-right-color:transparent; border-left-color: transparent ; border-bottom-color: transparent; }
.arr_up {width: 0; height: 0; border-width: 5PX; border-style: solid; border-top-color: transparent; border-right-color:transparent; border-left-color: transparent ; border-bottom-color: #b1b6bb;}
.arr_left {width: 0; height: 0; border-width: 5PX; border-style: solid; border-top-color: transparent; border-right-color:transparent; border-left-color: #b1b6bb; border-bottom-color: transparent;}
.arr_right {width: 0; height: 0; border-width: 5PX; border-style: solid; border-top-color: transparent; border-right-color:#b1b6bb; border-left-color: transparent ; border-bottom-color: transparent;}

 /* 两边对齐 居中中 */
.HBox {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}


.HBox_Start {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.HBox_End {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}

.HBox_Center {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.HBox_Around {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around
}


/* 上下居中 对齐 */
.VBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: space-between;
}

.VBox_Start {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: flex-start;
}

.VBox_End {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: flex-end;
}

.VBox_Center {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
}

.VBox_Around {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: space-around;
}


.rotate180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(  90deg);
}

